<template>
  <div id="int">
       <p><span id="emailms"></span>   <input type="text"  placeholder="邮箱"   id="email"><span></span></p>
      <p><span id="yzms"></span><input type="text" placeholder="验证码:" id="yz"> <span></span> </p>
    
      
      <button @click="fun()">登录</button>
  </div>
</template>

<script>
import {getlink} from 'a/getlink.js'
export default {
     methods:{
    prev(){
       this.$router.push("/Denglu")
    }, 
    fun(){
        getlink("http://180.76.121.47:8008/docs#/default/generate_code_code__email__get").then((ok)=>{
            console.log(ok)
        })
    }

  },

}
</script>

<style scoped>
#int p{
  background-color:ghostwhite;
  margin: auto;
  margin-top: 0.5rem;
  height: 0.8rem;
  width: 90%;
  display: flex;
  justify-content: space-between;
  border-radius: 0.2rem;


}
 
button,input{
   color: gray;
  display: block;
  margin: auto;
  height: 0.5rem;
  width: 2.8rem;
  margin-top: 1rem;
 font-size: 0.2rem;
  border-radius: 0.2rem;

}
input {
 width: 13rem;
  margin-top:0.2rem;
  background-color:ghostwhite;
  box-sizing: border-box;
  outline: none;
 

}
#emailms ,#yzms{
  /* padding-top: 3rem; */
  display: block;
  width: 1.5rem;
  height: 1rem;
  text-align: right;
  /* border: 1px solid black; */
  background: url(../../../public/my/username.png) no-repeat;
  background-size: 0.3rem;
  background-position: 11% 40%;
}
#yzms {
  background: url(../../../public/my/userpass.png) no-repeat;
  background-size: 0.3rem;
  background-position: 11% 40%;
}
</style>